<template>
    <div>
        <!-- 用a标签获取父组件的提示信息 -->
        <a :title="title">  
            <!-- 只能用v-bind,不能用： 只能用v-on, 不能用@-->
            <el-button v-bind="$attrs" v-on="$listeners"></el-button>
        </a>
    </div>
</template>

<script>
export default {
    name: "hintButton",
    props: ["title"],
    mounted() {
        // $attrs获取父组件传过来的所有props属性，当props先获取后，$attrs是无法再获取props获取过的属性
        console.log("$attrs", this.$attrs);
        // $listeners是组件实例自身的属性，可以获取父组件传给子组件传递的自定义事件
        console.log("$listeners", this.$listeners);
    },
}
</script>

<style>

</style>